{% macro m(pyqxiaoxi) %}
    <div class="app-pyq-msg u-m-b-20">
        <div class="u-list u-list--h u-list--cross-top app-pyq-msg__inner">
            <div class="u-list-item app-pyq-msg__item app-pyq-msg__aside">
                <object class="u-list--item app-pyq-msg__avatar"
                        data="{{pyqxiaoxi.avatar}}">
                    <img  class="app-pyq-msg__avatar" src="./penyouquan/assets/images/circle-of-friends_icon_user.png">
                </object>
            </div>
            <div class="u-list-item app-pyq-msg__item app-pyq-msg__content">
                <div class="app-pyq-msg__title">{{pyqxiaoxi.name}}（<span>{{pyqxiaoxi.create_time}}</span>）</div>
                {% if pyqxiaoxi.body %}
                    <div class="app-pyq-msg__body">
                        {% if pyqxiaoxi.body.text %}                        
                            <div class="u-list u-list--h u-list--cross-top u-list--table u-m-b-5 app-pyq-msg__bodycontent app-pyq-msg__text">
                                <div class="u-text-b-w app-pyq-msg__main">{{pyqxiaoxi.body.text.content}}</div>
                            </div>
                        {% endif %}                    
                        {% if pyqxiaoxi.body.link %}
                            <div class="u-list u-list--h u-list--cross-top u-list--table u-m-b-10  app-pyq-msg__bodycontent app-pyq-msg__link u-c-w-full">
                                <div class="u-list-item u-p-r-5"><img class="u-list--item app-pyq-msg__bodycontent-icon"
                                                                      src="{{pyqxiaoxi.body.link.avatar}}"></div>
                                <div class="u-list-item"><div class="u-text-b-w app-pyq-msg__main">{{pyqxiaoxi.body.link.content}}</div></div>
                            </div>
                        {% endif %}
                        {% if pyqxiaoxi.body.gallery or pyqxiaoxi.body.videos %}
                        <div class="u-m-b-10">
                            {% if pyqxiaoxi.body.gallery %}
                                <div class="auc-grid app-pyq-gallery app-pyq-gallery--img"><div class="auc-grid__inner">
                                        {% for g in pyqxiaoxi.body.gallery %}
                                            <div class="auc-item"><img class="u-list--item app-pyq-gallery__avatar"
                                                                       src="{{g.content}}"></div>
                                        {% endfor %}
                                    </div></div>
                            {% endif %}
                            {% if pyqxiaoxi.body.videos %}
                                <div class="auc-grid app-pyq-gallery app-pyq-gallery--video"><div class="auc-grid__inner">
                                        {% for v in pyqxiaoxi.body.videos %}
                                            <div class="auc-item"><img class="u-list--item app-pyq-gallery__avatar"
                                                                       src="./penyouquan/assets/images/circle-of-friends_video_normel.png"></div>
                                        {% endfor %}
                                    </div></div>
                            {% endif %}
                        </div>
                        {% endif %}
                    </div>
                {% endif %}
                <div class="app-pyq-msg__footer">
                    <div class="app-pyq-msg__actions u-clear-fix">
                        {% if pyqxiaoxi.body.location %}
                            <div class="u-list u-list--h u-list--cross-center u-m-b-5 app-pyq-msg__location u-fz-0 u-c-float-l">
                                {% if pyqxiaoxi.body.location.type != "normal" %}
                                <div class="u-list-item">
                                    <img class="u-list--item app-pyq-msg__location-icon u-m-r-4"
                                         src="./penyouquan/assets/images/circle-of-friends_icon_location.png">
                                </div>
                                {% endif %}
                                <div class="u-list-item"><div class="u-fz-12">{{pyqxiaoxi.body.location.content}}</div></div>
                            </div>
                        {% endif %}
                        {% if pyqxiaoxi.body.from %}
                            <div class="u-list u-list--h u-list--cross-center u-m-b-5 app-pyq-msg__location u-fz-0 u-c-float-r u-p-t-3">
                                <div class="u-list-item"><div class="u-fz-12">{{pyqxiaoxi.body.from.content}}</div></div>
                            </div>
                        {% endif %}                        
                    </div>
                    <div class="app-pyq-msg__after">
                        {% if pyqxiaoxi.body.zan and pyqxiaoxi.body.zan.length > 0 %}
                            <div class="u-p-h-10 u-p-v-10">
                                <div class="u-list u-list--h u-list--table u-list--cross-top">
                                    <div class="u-list-item"><div>点赞：</div></div>
                                    <div class="u-list-item">
                                        <div class="u-of-hidden">
                                            <div class="u-list u-list--float app-pyq-msg__firends">
                                                {% for z in pyqxiaoxi.body.zan %}
                                                    <div class="u-list-item">{{z.content}}</div>
                                                {% endfor %}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {% endif %}
                        {% if pyqxiaoxi.body.zan and pyqxiaoxi.body.comments %}
                            <div class="app-gutter"></div>
                        {% endif %}
                        {% if pyqxiaoxi.body.comments %}
                            <div class="u-p-h-10 u-p-v-10">
                                <div class="app-pyq-msg__comments">
                                    {% for c in pyqxiaoxi.body.comments %}
                                        <div class="u-list u-list--h u-list--table u-list--cross-top app-pyq-msg__comment u-m-t-5">
                                            <div class="u-list-item"><div>{{c.name}}</div></div>
                                            <div class="u-list-item">:</div>
                                            <div class="u-list-item"><div class="u-text-b-w">{{c.content}}</div></div>
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}